<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Covid-19</title>

    <link href="../static/css/bootstrap.min.css" rel="stylesheet">
    <link href="../static/css/starter-template.css" rel="stylesheet">
    <link href="../static/css/carousel.css" rel="stylesheet">
    <link rel="shortcut icon" href="https://docsify.js.org/_media/icon.svg" type="image/x-icon">
  </head>

  <body>

    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Covid-19</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="/myapp/index">主页</a></li>
            <li><a href="/myapp/data">数据</a></li>
            <li class="active"><a href="/myapp/about">关于我们</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <div class="container">
      <div class="starter-template">
        <h1>Covid-19 is Simple Data Program</h1>
      </div>
      <div class="jumbotron">
        <h1>About</h1>
        <p class="lead">Covid-19是一个简单的基于reques爬虫项目，使用csv做数据存储pandas读取表格数据，接口返回json数据。前端使用ajax请求接口，使用bootstrap和Echart显示数据；</p>
        <p>最后，如果你觉得我们的项目对你有帮助，请关注我们</p>
        <p><a class="btn btn-lg btn-success" href="https://gitee.com/yudii/covid-19" role="button">Star Us</a></p>
      </div>
      <div class="row marketing">
        <div class="col-lg-6">
          <h4>语言</h4>
          <p>Python</p><br>
          <h4>爬虫技术选用</h4>
          <p>request+pandas+cvs</p><br>
        </div>
        <div class="col-lg-6">
          <h4>后端框架</h4>
          <p>Django</p><br>
          <h4>前端框架</h4>
          <p>Bootstrap+Echart</p><br>
        </div>
      </div>

      <!-- START THE FEATURETTES -->
      <hr class="featurette-divider">
      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">Jobs Say:<span class="text-muted">Stay Hungry Stay Foolish</span></h2>
          <p class="lead">生命永不停息</p>
        </div>
        <div class="col-md-5">
          <img class="featurette-image img-responsive center-block" src="../static/images/img.png" alt="Generic placeholder image">
        </div>
      </div>
      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7 col-md-push-5">
          <h2 class="featurette-heading">Django:<a class="text-muted" href="https://www.django.cn/">Welcome To Django.</a></h2>
          <p class="lead">Django是一个由Python写成的Web应用框架。Django的主要目的是简便、快速的开发数据库驱动的网站。</p>
        </div>
        <div class="col-md-5 col-md-pull-7">
          <img class="featurette-image img-responsive center-block" src="../static/images/img_1.png" alt="Generic placeholder image">
        </div>
      </div>
      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">Bootstrap:<a class="text-muted" href="https://www.bootcss.com/">Welcome.</a></h2>
          <p class="lead">简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。</p>
        </div>
        <div class="col-md-5">
          <img class="featurette-image img-responsive center-block" src="../static/images/img_2.png" alt="Generic placeholder image">
        </div>
      </div>
      <hr class="featurette-divider">

        <div class="row featurette">
        <div class="col-md-7 col-md-push-5">
          <h2 class="featurette-heading">Nginx. <a class="text-muted" href="http://nginx.com/">See for yourself.</a></h2>
          <p class="lead">Improve the Performance, Reliability, and Security of Your Applications</p>
        </div>
        <div class="col-md-5 col-md-pull-7">
          <img class="featurette-image img-responsive center-block" src="../static/images/img_3.png" alt="Generic placeholder image">
        </div>
      </div>
      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">uWSGI. <a class="text-muted" href="https://pypi.org/project/uWSGI/">It'll blow your mind.</a></h2>
          <p class="lead">Find, install and publish Python packages with the Python Package Index</p>
        </div>
        <div class="col-md-5">
          <img class="featurette-image img-responsive center-block" src="../static/images/img_4.png" alt="Generic placeholder image">
        </div>
      </div>
      <!-- FOOTER -->
      <hr class="featurette-divider">
      <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
        <p>&copy; 2016 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
      </footer>
    </div>



  </body>
</html>
